<template>
  <div id="housedetail">
    <mapcontainH />
  </div>
</template>
<script>
import mapcontainH from "@/components/detail/mapcontainH";
export default {
  components: {
    mapcontainH,
  },

  data() {
    return {};
  },
  watch: {},

  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
#housedetail {
  width: 100vw;
  height: 100vh;
  color: $WH;
  font-size: 0.14rem;
  // padding-top: 0.1rem;
  // box-sizing: border-box;
  // background: url(../assets/img/allbg.png) center no-repeat;
  // background-size: 100% 100%;
  // display: flex;
  // justify-content: center;

  // .catalog {
  //   width: 0.4rem;
  //   height: 0.4rem;
  //   line-height: 0.4rem;
  //   background: #0474f4;
  //   border-radius: 0.04rem;
  //   vertical-align: center;
  //   text-align: center;
  //   position: fixed;
  //   bottom: 5vh;
  //   right: 0;
  //   z-index: 9999;
  //   .badge {
  //     display: inline-block;
  //     width: 0.17rem;
  //     line-height: 0.17rem;
  //     text-align: center;
  //     background-color: #179089;
  //     border-radius: 0.04rem;
  //     position: absolute;
  //     top: -0.06rem;
  //     left: -0.06rem;
  //   }
  //   .icon-ziyuan1 {
  //     cursor: pointer;
  //     font-size: 0.2rem;
  //   }
  // }
  // .content {
  //   width: 2.85rem;
  //   height: 1.84rem;
  //   background-color: #023168;
  //   border-radius: 0.04rem;
  //   position: fixed;
  //   bottom: 3vh;
  //   right: 0.6rem;
  //   z-index: 9999;

  //   .text {
  //     text-align: center;
  //     color: #fff;
  //     line-height: 0.28rem;
  //     background-image: linear-gradient(#035dc4, #035dc4);
  //     .icon-close {
  //       cursor: pointer;
  //       font-size: 0.12rem;
  //       padding-right: 0.1rem;
  //       float: right;
  //     }
  //   }
  //   .palebox {
  //     margin-top: 0.04rem;
  //     padding-top: 0.08rem;
  //     border-top: 1px solid rgb(18, 58, 128);
  //   }
  //   .item {
  //     cursor: pointer;
  //     margin: 0.1rem;
  //     padding: 0 0.2rem;
  //     line-height: 0.28rem;
  //     border-radius: 0.04rem;
  //     border: solid 1px rgb(32, 71, 119);
  //     display: inline-block;
  //     position: relative;
  //     .icon-close {
  //       width: 0.2rem;
  //       line-height: 0.2rem;
  //       border-radius: 50%;
  //       transform: scale(0.8);
  //       color: rgb(190, 190, 190);
  //       background: rgb(32, 71, 119);
  //       font-size: 0.12rem;
  //       position: absolute;
  //       right: -0.06rem;
  //       top: -0.09rem;
  //     }
  //     &.active {
  //       color: #fff;
  //       background-image: linear-gradient(#035dc4, #035dc4);
  //     }
  //   }
  //   .btn {
  //     cursor: pointer;
  //     margin: 0 auto;
  //     width: 0.8rem;
  //     line-height: 0.24rem;
  //     background-image: linear-gradient(0deg, #034fa6 0%, #0474f4 100%);
  //     border-radius: 4px;
  //     border: solid 1px #1e86fd;
  //   }
  // }
}
</style>
